﻿@{
    ViewBag.Title = "Quản lý dịch vụ";
    Layout = "~/Views/Shared/_LayoutNVQuanLy.cshtml";
}
<input type="hidden" id="menu_check" value="4" />
<div class="onecolumn dvks">
    <div class="header">
        <span>
            <span class="ico gray spreadsheet"></span>
            Quản lý dịch vụ phòng
        </span>
    </div>
    <div class=" clear"></div>
    <div class="content contentDVKS">
        <table class="display dataTable">
            <thead>
                <tr role="row">
                    <th>Mã dịch vụ</th>
                    <th>Tên dịch vụ</th>
                    <th>Đơn giá</th>
                    <th>Quản lý</th>
                </tr>
            </thead>
            <tbody>
                @{foreach (var DVKS in ViewBag.DVKS)
                  {
                    <tr class="odd">
                        <td>
                            <div class="nonDisplay">
                                <input type="text" class="maDichVu" value="@DVKS.maDichVu"/>
                            </div>@DVKS.maDichVu</td>
                        <td>
                            <div class="nonDisplay" id="nameDV@{@DVKS.maDichVu}">
                                <input type="text" class="tenDichVu DV@{@DVKS.maDichVu}" value="@DVKS.tenDichVu"/>
                            </div>
                            <div id="nameDVV@{@DVKS.maDichVu}">@DVKS.tenDichVu</div>
                        </td>
                        <td>
                            <div class="nonDisplay" id="giaDV@{@DVKS.maDichVu}">
                                <input type="text" class="donGia giaDV@{@DVKS.maDichVu}" value="@DVKS.donGia"/>
                            </div>
                            <div id="giaDVV@{@DVKS.maDichVu}">@DVKS.donGia</div>
                        </td>
                        
                        <td>
                            <div>
                                <img class="editDV" id="@DVKS.maDichVu" src="../Images/icon_edit.png">
                                <img class="deleteDV" id="@DVKS.maDichVu" src="../Images/icon_delete.png">
                                <img class="save_editDV nonDisplay" id="@DVKS.maDichVu" src="../Images/checkmark2.png">
                                <img class="cancel_editDV nonDisplay" id="@DVKS.maDichVu" src="../Images/cross.png">
                            </div>
                        </td>
                    </tr>
                  }
                }
            </tbody>
        </table>
    </div>
    <ul class="uibutton-group">
        <a class="uibutton add" title="Thêm dịch vụ mới">Thêm dịch vụ mới</a>
    </ul>
    <div class="loading"></div>
    <div class="addItem nonDisplay">
        <h3>Mã dịch vụ</h3>
        <input type="text" id="maDichVuNew" value="" style="width:150px;"/>
        <h3>Tên dịch vụ</h3>
        <input type="text" id="tenDichVuNew" value="" style="width:200px;"/>
        <h3>Đơn giá</h3>
        <input type="text" id="donGiaNew" value="" style="width:200px;"/>
        <a class="uibutton saveDV" title="Thêm dịch vụ mới">Lưu</a>
        <a class="uibutton cancelDV" title="Hủy dịch vụ mới">Hủy</a>
    </div>
</div>
